﻿<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="Ajax_GiuaKy._Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <script src="Scripts/jquery-1.8.2.js" type="text/javascript"></script>
    <script src="Scripts/jquery-ui-1.9.1.custom.min.js" type="text/javascript"></script>
    <link href="Styles/jquery-ui-1.9.1.custom.min.css" rel="stylesheet" type="text/css" />
    <link href="Styles/chatStyle.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/json2.js" type="text/javascript"></script>
    <script src="Scripts/jchat.js" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

    <div id="add-friend">
        <fieldset class="login">
            <legend>Thêm/xoá bạn</legend>
            <asp:Label ID="Lb_Your_User_Name" runat="server" Text="Tài khoản bạn:"></asp:Label>
            <input type="text" id="text_AddFriend" />
            <input type="button" value="Thêm Bạn" id="AddFriendButton" onclick="return Button_AddFriend_onclick()" />
            <input type="button" value="Xoá Bạn" onclick="return Button_deleteFriend_onclick()" />
        </fieldset>

    </div>

    <div id="fieldset_mainchat">
        <fieldset class="class_main_fieldset">
            <legend>Khu vực chat</legend>
             <div id="div-logout">
                <fieldset class="login">
                    <legend>Đăng xuất</legend>
                    <div id="hinh-dai-dien"></div>
                    <div id="account_user">
                    </div>
                    <input type="button" value="Thoát" onclick="return Button_logout_onclick()" />
                </fieldset>
            </div>
            <div id="menu-container">
                <p style="font-size: large; font-weight: bold">Danh sách bạn bè</p>
                <ul id="menu">
                </ul>
            </div>

            <div id="chat-container">
                <fieldset>
                    <legend>Cửa sổ chat</legend>
                    <div id="tabs">
                        <ul id="tab-title">
                        </ul>
                    </div>

                    <!-- div chua cac emoticons -->
                    <div id="id_panel_emoticons" class="class_panel_emoticon" style="display: none; position: absolute; left: 200px; top: 180px; border: solid black 1px; padding: 10px; background-color: rgb(230, 213, 213); text-align: justify; font-size: 12px; width: 230px;">
                        <table>
                            <tbody id="id_tbody">
                                <tr>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/thumbs_up.gif" alt="(Y)" ToolTip="Thumbs up" ID="ImageButton4" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/thumbs_down.gif" alt="(N)" ToolTip="Thumbs down" ID="ImageButton5" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/beer_yum.gif" alt="(B)" ToolTip="Beer" ID="ImageButton6" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/martini_shaken.gif" alt="(D)" ToolTip="Martini Glass" ID="ImageButton11" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/girl_handsacrossamerica.gif" alt="(X)" ToolTip="Girl" ID="ImageButton1" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/guy_handsacrossamerica.gif" alt="(Z)" ToolTip="Boy" ID="ImageButton2" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/bat.gif" alt=":-[" ToolTip="Bat" ID="ImageButton3" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/girl_hug.gif" alt="(})" ToolTip="Hug right" ID="ImageButton7" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/dude_hug.gif" alt="({)" ToolTip="Hug left" ID="ImageButton26" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/regular_smile.gif" alt=":-)" ToolTip="smiley" ID="ImageButton27" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                </tr>
                                <tr>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/teeth_smile.gif" alt=":-D" ToolTip="Theeth smiley" ID="ImageButton8" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/omg_smile.gif" alt=":-O" ToolTip="OMG smiley" ID="ImageButton9" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/tounge_smile.gif" alt=":-P" ToolTip="Tounge smiley" ID="ImageButton12" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/wink_smile.gif" alt=";-)" ToolTip="Wink smiley" ID="ImageButton13" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/sad_smile.gif" alt=":-)" ToolTip="Sad smiley" ID="ImageButton14" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/confused_smile.gif" alt=":-S" ToolTip="Confused smiley" ID="ImageButton15" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/whatchutalkingabout_smile.gif" alt=":-|" ToolTip="Serious smiley" ID="ImageButton16" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/cry_smile.gif" alt=":'(" ToolTip="Crying smiley" ID="ImageButton17" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/embaressed_smile.gif" alt=":$" ToolTip="Embaressed smiley" ID="ImageButton28" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/shades_smile.gif" alt="(H)" ToolTip="smiley with shades" ID="ImageButton29" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                </tr>
                                <tr>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/angry_smile.gif" alt=":-@" ToolTip="Angry smiley" ID="ImageButton18" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/angel_smile.gif" alt="(A)" ToolTip="Angel smiley" ID="ImageButton19" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/devil_smile.gif" alt="(6)" ToolTip="Devil smiley" ID="ImageButton30" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/heart.gif" alt="(L)" ToolTip="Red heart" ID="ImageButton31" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/broken_heart.gif" alt="(U)" ToolTip="Broken heart" ID="ImageButton20" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/kiss.gif" alt="(K)" ToolTip="Red lips" ID="ImageButton21" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/present.gif" alt="(G)" ToolTip="Present" ID="ImageButton22" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/rose.gif" alt="(F)" ToolTip="Red rose" ID="ImageButton23" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/wilted_rose.gif" alt="(W)" ToolTip="Wilted rose" ID="ImageButton24" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/camera.gif" alt="(P)" ToolTip="Camera" ID="ImageButton25" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                </tr>
                                <tr>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/film.gif" alt="(~)" ToolTip="Film" ID="ImageButton32" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/phone.gif" alt="(T)" ToolTip="Phone" ID="ImageButton33" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/kittykay.gif" alt="(@)" ToolTip="Cat" ID="ImageButton34" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/bowwow.gif" alt="(&)" ToolTip="Dog" ID="ImageButton35" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/coffee.gif" alt="(C)" ToolTip="Coffee" ID="ImageButton36" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/lightbulb.gif" alt="(I)" ToolTip="Light bulb" ID="ImageButton37" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/moon.gif" alt="(S)" ToolTip="Moon" ID="ImageButton38" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/musical_note.gif" alt="(8)" ToolTip="Musical note" ID="ImageButton39" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/envelope_open.gif" alt="(OE)" ToolTip="Open envelope" ID="ImageButton40" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/cake.gif" alt="(^)" ToolTip="Cake" ID="ImageButton41" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                </tr>
                                <tr>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/envelope.gif" alt="(E)" ToolTip="Envelope" ID="ImageButton42" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/pizza.gif" alt="(PI)" ToolTip="Pizza" ID="ImageButton43" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/soccer_ball.gif" alt="(SO)" ToolTip="Soccer ball" ID="ImageButton44" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/money.gif" alt="(MO)" ToolTip="Money" ID="ImageButton45" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/island.gif" alt="(IP)" ToolTip="Island" ID="ImageButton46" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/plane.gif" alt="(AP)" ToolTip="Plane" ID="ImageButton47" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/auto.gif" alt="(AU)" ToolTip="Car" ID="ImageButton48" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/mobile_phone.gif" alt="(MP)" ToolTip="Mobile phone" ID="ImageButton49" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/sheep.gif" alt="(BAH)" ToolTip="Sheep" ID="ImageButton50" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                    <td class="panelCell">
                                        <asp:ImageButton src="/Emoticons/snail.gif" alt="(SN)" ToolTip="Snail" ID="ImageButton51" runat="server" OnClientClick="emoticons_click(this);return false;" /></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <br />
                    <%--<input type="text" id="textbox_send" />--%>
                    <div align="right">
                        <asp:ImageButton src="/Emoticons/Emoticon.png" alt="Emoticon" ToolTip="click" ID="ImageButton10" runat="server" OnClientClick="main_emoticons_click();return false;" />
                    </div>

                    <textarea id="textbox_send" style="resize: none;" class="edit-chat" cols="20" rows="2" onkeydown="return inputKeyDown(event, this);"></textarea>

                    <input type="button" value="Gửi" onclick="return Button_send_onclick()" />
                </fieldset>
            </div>
        </fieldset>
    </div>


    <div id="loginContainer">
        <fieldset class="login">
            <legend>Đăng Nhập</legend>
            <div id="div-login">
                <fieldset class="login">
                    <legend>Với tài khoản web</legend>
                    <asp:Label ID="LabelUserName" runat="server" Text="Tài khoản"></asp:Label>
                    <input id="TextBox_UserName" type="text" class="textEntry" />
                    <asp:Label ID="LabelPassword" runat="server" Text="Mật khẩu"></asp:Label>
                    <input id="TextBox_Passwork" type="password" class="textEntry" />
                    <input type="button" value="Đăng nhập" onclick="return Button_login_onclick()" />
                </fieldset>
            </div>
            <p>hoặc</p>
            <div>
                <fieldset class="login">
                    <legend>Với tài khoản OpenID</legend>
                    <asp:ImageButton ID="btnGoogle" runat="server" ImageUrl="~/HinhAnh/google.png" OnClick="btnGoogle_Click" />
                    <asp:ImageButton ID="btnYahoo" runat="server" ImageUrl="~/HinhAnh/yahoo.png" OnClick="btnYahoo_Click" Width="109px" />
                    <asp:ImageButton ID="btnFacebook" runat="server" ImageUrl="~/HinhAnh/facebook.png" OnClick="btnFacebook_Click" />
                    <br />
                </fieldset>

            </div>
        </fieldset>
    </div>

   <%-- <object id="pingboxit3n2w2uq9g00" type="application/x-shockwave-flash"
        data="http://wgweb.msg.yahoo.com/badge/Pingbox.swf" width="240" height="420">
        <param name="movie" value="http://wgweb.msg.yahoo.com/badge/Pingbox.swf" />
        <param name="allowScriptAccess" value="always" />
        <param name="flashvars" value="wid=St4AL.ezTGNlP8FKUfSop1.ZjgSeVA--" />
    </object>--%>



    &nbsp;<div id="dialog-confirm" title="Kết bạn">
        <p id="FriendRequest"><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span></p>
    </div>

    <div id="dialog-message" title="Kết bạn">
        <p>
            <span class="ui-icon ui-icon-circle-check" style="float: left; margin: 0 7px 50px 0;"></span>
            Yêu cầu kết bạn đã được gửi đi.
        </p>
    </div>
</asp:Content>
